<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <!-- meta:vp-->
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"/>
    <title>分类</title>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/category.css"/>
    <link rel="stylesheet" href="css/index1.css"/>
</head>
<body>
<!--顶部通栏-->
<header class="jd_topBar">
    <a href="#" class="icon_back"></a>

    <form action="#">
        <input type="search" placeholder="搜索"/>
    </form>
    <a href="#" class="icon_menu"></a>
</header>
<!--分类盒子-->
<div class="jd_category">
    <!--一级分类-->
    <div class="jd_category_left">
        <ul>
            <li class="now"><a href="javascript:;">药品</a></li>
            <li class=""><a href="javascript:;">保健食品</a></li>
            <li class=""><a href="javascript:;">检查</a></li>
            <li class=""><a href="javascript:;">医疗器械</a></li>
        </ul>
    </div>
</div>
<main class="product">
        <!--商品子盒子-->
    <section class="product_box">
        <!--头部-->
        <div class="product_box_tit">
            <h3>全部药品</h3>
        </div>
        <!--内容-->
        <div class="product_box_con clearfix">
            <ul class="drug clearfix">
                <li>
                    <a href="">
                        <img src="images/d1.jpg" alt="">
                    </a>
                    <p>小儿感冒颗粒</p>
                    <div class="xuan clearfix">
                        <span class="rmb">&yen;<span class="price">10.5</span></span>
                        <div class="f_right xuanze">
                            <span>
                                <a href="">-</a>
                            </span>
                            <span>
                                <input type="text" name="" value="" class="xuaninput">
                            </span>
                            <span>
                                <a href="">+</a>
                            </span>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="">
                        <img src="images/d2.jpg" alt="">
                    </a>
                    <p>小儿感冒颗粒</p>
                    <div class="xuan">
                        <span class="rmb">&yen;<span class="price">10.5</span></span>
                        <div class="f_right xuanze">
                            <span>
                                <a href="">-</a>
                            </span>
                            <span>
                                <input type="text" name="" value="" class="xuaninput">
                            </span>
                            <span>
                                <a href="">+</a>
                            </span>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="">
                        <img src="images/d1.jpg" alt="">
                    </a>
                    <p>小儿感冒颗粒</p>
                    <div class="xuan">
                        <span class="rmb">&yen;<span class="price">10.5</span></span>
                        <div class="f_right xuanze">
                            <span>
                                <a href="">-</a>
                            </span>
                            <span>
                                <input type="text" name="" value="" class="xuaninput">
                            </span>
                            <span>
                                <a href="">+</a>
                            </span>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="">
                        <img src="images/d2.jpg" alt="">
                    </a>
                    <p>小儿感冒颗粒</p>
                    <div class="xuan">
                        <span class="rmb">&yen;<span class="price">10.5</span></span>
                        <div class="f_right xuanze">
                            <span>
                                <a href="">-</a>
                            </span>
                            <span>
                                <input type="text" name="" value="" class="xuaninput">
                            </span>
                            <span>
                                <a href="">+</a>
                            </span>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="">
                        <img src="images/d1.jpg" alt="">
                    </a>
                    <p>小儿感冒颗粒</p>
                    <div class="xuan">
                        <span class="rmb">&yen;<span class="price">10.5</span></span>
                        <div class="f_right xuanze">
                            <span>
                                <a href="">-</a>
                            </span>
                            <span>
                                <input type="text" name="" value="" class="xuaninput">
                            </span>
                            <span>
                                <a href="">+</a>
                            </span>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="">
                        <img src="images/d2.jpg" alt="">
                    </a>
                    <p>小儿感冒颗粒</p>
                    <div class="xuan">
                        <span class="rmb">&yen;<span class="price">10.5</span></span>
                        <div class="f_right xuanze">
                            <span>
                                <a href="">-</a>
                            </span>
                            <span>
                                <input type="text" name="" value="" class="xuaninput">
                            </span>
                            <span>
                                <a href="">+</a>
                            </span>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="">
                        <img src="images/d1.jpg" alt="">
                    </a>
                    <p>小儿感冒颗粒</p>
                    <div class="xuan">
                        <span class="rmb">&yen;<span class="price">10.5</span></span>
                        <div class="f_right xuanze">
                            <span>
                                <a href="">-</a>
                            </span>
                            <span>
                                <input type="text" name="" value="" class="xuaninput">
                            </span>
                            <span>
                                <a href="">+</a>
                            </span>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="">
                        <img src="images/d2.jpg" alt="">
                    </a>
                    <p>小儿感冒颗粒</p>
                    <div class="xuan">
                        <span class="rmb">&yen;<span class="price">10.5</span></span>
                        <div class="f_right xuanze">
                            <span>
                                <a href="">-</a>
                            </span>
                            <span>
                                <input type="text" name="" value="" class="xuaninput">
                            </span>
                            <span>
                                <a href="">+</a>
                            </span>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="">
                        <img src="images/d1.jpg" alt="">
                    </a>
                    <p>小儿感冒颗粒</p>
                    <div class="xuan">
                        <span class="rmb">&yen;<span class="price">10.5</span></span>
                        <div class="f_right xuanze">
                            <span>
                                <a href="">-</a>
                            </span>
                            <span>
                                <input type="text" name="" value="" class="xuaninput">
                            </span>
                            <span>
                                <a href="">+</a>
                            </span>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="">
                        <img src="images/d2.jpg" alt="">
                    </a>
                    <p>小儿感冒颗粒</p>
                    <div class="xuan">
                        <span class="rmb">&yen;<span class="price">10.5</span></span>
                        <div class="f_right xuanze">
                            <span>
                                <a href="">-</a>
                            </span>
                            <span>
                                <input type="text" name="" value="" class="xuaninput">
                            </span>
                            <span>
                                <a href="">+</a>
                            </span>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </section>
</main>
</body>
</html>
